.chat-content {
  position: relative;
  width: calc(100vw - 26.5625vw);

  &-title {
    padding-right: 0.78vw;
    border-bottom: 1px solid #ECECEC;
  }

  &-more {
    width: 1.875vw;
    height: 1.875vw;
    cursor: pointer;
    background: url('/assets/icon/chat-more.png') center/100% no-repeat;
  }

  .message-box {
    max-height: calc(100vh - 5.725vw);
    overflow: auto;
    padding-bottom: 15.625vw;
  }

  .input-box {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: absolute;
    left: 0;
    bottom: 0;
    min-height: 13.3333vw;
    max-height: 13.3333vw;
    width: calc(100% - 15px);
    border: 1px solid #ECECEC;
    padding: 1.25vw 2.0833vw 1.4583vw 1.25vw;
    z-index: 10;
    overflow: hidden;
    background-color: #F5F5F5;

    &-top {
      display: flex;

      &-icon {
        width: 2.0833vw;
        height: 2.0833vw;
        margin-right: 1.7708vw;
        cursor: pointer;
      }
    }

    &-textArea {
      padding: 0.625vw 0vw;
      flex: 1;
      border: none;
      background-color: #F5F5F5;

      &:focus {
        outline: none;
        box-shadow: none;
      }
    }

    &-bottom {
      display: flex;
      flex-direction: row-reverse;

      &-btn {
        display: flex;
        cursor: pointer;
        justify-content: center;
        align-items: center;
        width: 6.875vw;
        height: 2.7083vw;
        padding: 0.5208vw 2.2917vw;
        background-color: #DDF1F8;
        border-radius: 0.2083vw;
        font-family: PingFang SC, PingFang SC;
        font-weight: 500;
        font-size: 1.1458vw;
        color: #1EBEF2;
        line-height: 1.3542vw;
        text-align: left;
        font-style: normal;
        text-transform: none;
      }
    }
    .cancel-btn {
      background-color: #999;
      color: #fff;
    }
    
  }
}

.zhuanfa-icon {
  width: 4.68vw;
  height: 6.25vw;
  margin: 0 auto;
  cursor: pointer;
}